<template>
    <div>
        注册页面
  
        <div style="margin: 20px" />
        <el-form :label-position="labelPosition" label-width="100px" :model="formLabelAlign" style="max-width: 460px">
            <el-form-item label="用户名">
                <el-input v-model="formLabelAlign.username" />
            </el-form-item>
            <el-form-item label="密码">
                <el-input v-model="formLabelAlign.password" />
            </el-form-item>
          
        </el-form>
        <el-button type="primary" class="btn" @click="upregis">提交</el-button>
    </div>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'
import type { FormProps } from 'element-plus'
import {POSTREGIS} from "../../api/daili"
const labelPosition = ref<FormProps['labelPosition']>('right')

const formLabelAlign = reactive({
  username: '',
  password: '',

})
const upregis=()=>{
    console.log(formLabelAlign,"lll");
    POSTREGIS(formLabelAlign).then((res)=>{
     
          window.location.href = '/home/Availability'

    })
}
</script>

<style  scoped>
.btn{
    margin-left: 400px;
}
</style>